<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-2.1.0.min.js"></script>
    <script src="./js/bace.js"></script>
    <script src="./js/showDishes.js"></script>
    <link rel="stylesheet" href="./css/bace.css">
    <link rel="stylesheet" href="./img/1.jpg">
    <link rel="stylesheet" href="./css/showDishes.css">
</head>

<body>
    <div class="menu">
        <div class="menu-top">
            <img src="./img/1.jpg" />
            <!-- 子绝父相 -->
            <span id="user">超级玛丽</span>
            <div id="user_dialog">
                <a href="#">用户信息</a>
                <a href="./login.html">注销</a>
            </div>
        </div>
        <ul>
            <li style="background: #3CB7E8;">
                <a href="#">菜品查询</a>
            </li>
            <li>
                <a href="./addDishes.html">菜品添加</a>
            </li>
            <li>
                <a href="./updateDishes.html">菜品修改</a>
            </li>
        </ul>
    </div>
    <div class="content">
        <div class="content-top">
            <h2>
                <a style="color: #000;" href="./index.html">美团后台管理系统</a>
            </h2>
        </div>
        <div class="content-ct">
            <div class="search">
                菜品名称：<input type="text" placeholder="菜品名称" id="dish_name">
                菜品价格：<input type="text" placeholder="菜品价格" id="price">
                菜品分类：<select id="dishCategory">
                    <option value="0">请选择所属分类</option>
                          </select>
                <button id="query">搜索</button>
                <button id="restart">重置</button>
            </div>
            <table border="1px" id="table" style="width: 700px;">
                <tr>
                    <td>编号</td>
                    <td>菜品名称</td>
                    <td>菜品价格</td>
                    <td>销售数量</td>
                    <td>菜品图片</td>
                    <td>菜品类别</td>
                    <td>创建时间</td>
                    <td>更新时间</td>
                    <td>操作</td>
                </tr>
            </table>
            <div class="page">

            </div>
        </div>
    </div>
</body>

</html>